<template>
  <textarea cols=40 rows=3 v-model="introduction"></textarea>
  <br><br>
  <select v-model="blood">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="ab">AB</option>
    <option value="o">O</option>
  </select>
  <br><br>
  <input type="radio" value="SH" v-model="city">上海
  <input type="radio" value="BJ" v-model="city">北京
  <input type="radio" value="GZ" v-model="city">广州
  <input type="radio" value="SZ" v-model="city">深圳
  <br><br>
  <input type="checkbox" v-model="read">请阅读用户协议
  <br><br>
  <input type="checkbox" value="lq" v-model="hobbys">篮球<input type="checkbox" value="pq" v-model="hobbys">排球<input type="checkbox" value="ymq" v-model="hobbys">羽毛球
  <br>
  <input type="checkbox" value="bpq" v-model="hobbys">兵乓球<input type="checkbox" value="zq" v-model="hobbys">足球<input type="checkbox" value="bq" v-model="hobbys">冰球
</template>

<script setup>
  import { ref } from 'vue'
  const introduction = ref('')

  const blood = ref('a')

  const city = ref('GZ')

  const read = ref(false)

  const hobbys = ref(['zq', 'pq'])
</script>

<style scoped>

</style>